---
import { ViewTransitions } from 'astro:transitions'

import BackToTop from '../components/BackToTop.astro'

import '@fontsource-variable/nunito'
import '@fontsource/material-icons'
import '@fontsource-variable/roboto-flex'
import 'simplebar/dist/simplebar.min.css'
import 'plyr/dist/plyr.css'

import '../styles/main.scss'
const { title } = Astro.props
---

<!doctype html>
<html dir="ltr" lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Fresh {'- ' + title}</title>
    <ViewTransitions />

    <link rel="icon" type="image/png" href="img/favicon.png" />
  </head>

  <body>
    <!--Body partial-->
    <slot />

    <!--Back to top-->
    <BackToTop />

    <script src="../js/main"></script>
  </body>
</html>
